<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!--第三方lib-->
    <script
      type="text/javascript"
      src="../lib/include-lib.js"
      libpath="../lib/"
      include="jquery,jquery.minicolors,jquery.range,font-awesome,layer,haoutil,turf,mars3d,mars3d-heatmap,toastr"
    ></script>
    <title>高凌噪声平台</title>
    <link rel="stylesheet" type="text/css" href="res/css/font.css" />
    <link rel="stylesheet" type="text/css" href="res/css/style.css" />
    <link rel="stylesheet" type="text/css" href="res/css/screen6.css" />
  </head>

  <body>
    <div class="loading"></div>
    <div class="paraSelect-area">
      <form class="para-select" action="">
        <select name="streetOption" id="streetOption">
          <option value="">选择点位源数据</option>
          <option value="petitionListData">投诉点位</option>
          <option value="industryPointListData">工业噪声站点</option>
          <option value="livePointListData">社会生活站点</option>
          <option value="functionAreaData">功能区区域划分</option>
          <option value="builidPointListData">建筑工地站点</option>
          <option value="trafficPointListData">交通噪声站点</option>
          <option value="memsPointListData">辅助点位</option>
          <option value="monitorSourceListData">监测源数据</option>
          <option value="functionPointListData">功能区站点</option>
          <option value="sensitiveInfoData.pointList">敏感点位</option>
          <option value="sensitiveInfoData.sensitiveArea">敏感区域</option>
        </select>
      </form>
      <form class="para-select" action="">
        <select name="roadOption" id="roadOption">
          <option value="">选择噪声热力图数据</option>
          <!-- <option value="r_jamindexavg">路段平均拥堵指数</option>
          <option value="r_jamindexmorning">路段早高峰拥堵指数</option>
          <option value="r_jamindexnight">路段晚高峰拥堵指数</option>
          <option value="r_jamindexnormal">路段高峰期拥堵指数</option> -->
        </select>
      </form>
      <form class="para-select" action="">
        <select name="odOption" id="odOption">
          <option value="">选择OD数据</option>
          <option value="sod_transvolumepc1">
            街道OD人口类别1的交通出行量
          </option>
          <option value="sod_transvolumepc2">
            街道OD人口类别2的交通出行量
          </option>
          <option value="sod_transvolumepc3">
            街道OD人口类别3的交通出行量
          </option>
          <option value="sod_transvolumepc4">
            街道OD人口类别4的交通出行量
          </option>
          <option value="sod_transvolumepc5">
            街道OD人口类别5的交通出行量
          </option>
          <option value="sod_transvolumepc6">
            街道OD人口类别7的交通出行量
          </option>
          <option value="sod_transvolume">街道OD交通出行量</option>
        </select>
      </form>
    </div>
    <!-- 中间 -->
    <div class="csps-center">
      <!-- 3D map  -->
      <div class="map3D">
        <!-- 3D map -->
        <div
          id="mars3dContainer"
          class="mars3d-container"
          style="z-index: 3"
        ></div>
      </div>
      <!--  -->
      <div class="csps-type flex">
        <a href="javascript:showZone();" class="cell active">行政区级</a>
        <a href="javascript:showStreet();" class="cell">街道级</a>
      </div>
      <!--  -->
      <!-- <div class="csps-tip"><span class="area-name"></span> | 2015年</div> -->
      <!-- compass -->
      <!-- <div class="csps-compass"></div> -->
      <!-- zoom -->
      <!-- legend -->
      <!-- 按钮 -->
      <div class="csps-center-btns">
        <a
          href="javascript:viewModeChange2();"
          class="csps-icon csps-icon-1 active"
        >
          <i></i>
          2D/3D
        </a>
        <a href="javascript:goHome();" class="csps-icon csps-icon-2">
          <i></i>
          初始视图
        </a>
      </div>
    </div>
    <script src="res/js/jquery.min.js"></script>
    <script src="res/js/echarts.min.js"></script>
    <script src="res/js/tmpl.js"></script>
    <script src="res/js/area_data.js"></script>
    <script src="res/js/street_data.js"></script>
    <script src="res/js/js.js"></script>
    <!-- 大屏6相关js -->
    <script src="res/js/screen6.js"></script>
    <!--第三方lib-->
    <script src="./js/common.js"></script>
    <!-- cesium mars 3d -->
    <script src="./res/js/pku3d.js"></script>
    <script src="./res/js/pku3dModel.js"></script>
    <script src="./res/js/pku3dZone.js"></script>
    <script src="./res/js/pku3dStreet.js"></script>
    <!-- <script src="./res/js/pku3dFBX.js"></script> -->
  </body>
</html>
